<script setup lang="ts">
const props: any = defineProps<{
    ujt: any;
}>();
const { $fn, $db } = props.ujt;
const { getOnline } = $fn.useUser(props);
</script>

<template>
    <UserListManage :ujt="ujt">
        <template #tit>
            <h1><img :src="'./assets/img/logo.png'" width="200" /></h1>
        </template>
        <template #btn>
            <div class="as-user-btns">
                <div class="cur" @pointerdown="$fn.sethash('user/manage/add/')">
                    {{ $fn.lg('channeluser.ui.add') }}
                </div>
                <div @pointerdown="$fn.sethash('')">{{ $fn.lg('asai.index') }}</div>
                <div @pointerdown="$fn.sethash('user/exit/')">
                    {{ $fn.lg('channeluser.ui.exit') }}
                </div>
                <div @pointerdown="getOnline()">
                    {{
                        $fn.lg('channeluser.ui.online', [
                            $db.channeluser.onlinelist?.length || '?',
                        ])
                    }}
                </div>
            </div>
        </template>
    </UserListManage>
</template>

<style scoped lang="scss"></style>
